<script lang='ts'>
import { defineComponent, onMounted } from 'vue'
import MapView from 'esri/views/MapView'
import Map from 'esri/Map'
export default defineComponent({
  props: {
  },
  components: {},
  setup () {
    onMounted(() => {
      const map = new Map({
        basemap: 'arcgis-imagery' // Basemap layer service
      })
      const view = new MapView({
        map: map,
        center: [120, 30], // Longitude, latitude
        zoom: 13, // Zoom level
        container: 'mapView' // Div element
      })
    })
    return {
    }
  }
})
</script>
<template>
  <div id="mapView"></div>
</template>
<style lang='scss' scoped>
#mapView {
  width: 100%;
  height: 100%;
  background-color: aliceblue;
}
</style>
